<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetStore</title>
    <link rel="Stylesheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top">
</div>

<div id="Content">
    <div id="BackLink">
        <a href="/catalog/main">Return to Main Menu</a>
    </div>
    ${sessionScope.messageAccount}
    <div id="Catalog">
        <form action="" method="post" id="register">
            <script th:src="@{../js/jquery-3.5.1.min.js}"></script>
            <script th:src="@{../js/register.js}"></script>
            <h3>User Information</h3>

            <table>
                <tr>
                    <td>User ID:</td>
                    <td>
                        <input id="username" type="text" name="username" />
                        <span id="usernameTips"></span>
<!--                        <script type="text/javascript" src="js/register.js"></script>-->
                    </td>
                </tr>
                <tr>
                    <td>New password:</td>
                    <td>
                        <input id="password" type="text" name="password" />
                        <span id="passwordTips"></span>
<!--                        <script type="text/javascript" src="js/register.js"></script>-->
                    </td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td>
                        <input id="repeatedPassword" type="text" name="repeatedPassword" />
                        <span id="repeatedPasswordTips"></span>
<!--                        <script type="text/javascript" src="js/register.js"></script>-->
                    </td>
                </tr>
                <tr>
                    <td>VerificationCode:</td>
                    <td>
                        <input id="vCode" type="text" name="vCode" size="5" maxlength="4"/>
                        <a href="/account/newAccountForm"><img border="0" src="/account/verificationCode" name="checkcode"></a>
                        <span id="vCodeTips"></span>
<!--                        <script type="text/javascript" src="js/register.js"></script>-->
                    </td>
                </tr>
            </table>
            <div th:replace="account/includeAccountFields"></div>
<!--            <%@ include file="IncludeAccountFields.jsp"%>-->
            <input id="newAccount" type="button" name="newAccount" value="Save Account Information" />
            <div id="newAccountTips"></div>
<!--            <script type="text/javascript" src="js/register.js"></script>-->
        </form>
        <script th:src="@{../js/jquery-3.5.1.min.js}"></script>
        <script th:src="@{../js/register.js}"></script>
    </div>
</div>

<div th:replace="common/bottom">
</div>
</body>
</html>